<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="generator" content="JsDoc Toolkit" />
		
		<title>CasualJS Framework Reference - MovieClip</title>

		<style type="text/css">
			/* default.css */
body
{
	font: 12px Tahoma, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

#header
{
	clear: both;
	background: #2f323e;
	height: 70px;
	margin-bottom: 20px;
}

#header a
{
	color: #222;
	display: block;
	text-decoration: none;
	height: 18px;
}

a
{
	color: #222;
}

a:hover
{
	color: #999;
	text-decoration:none;
}

h1
{
	font-size: 150%;
	font-weight: bold;
	padding: 0;
}

hr
{
	border: none 0;
	border-top: 1px solid #2f323e;
	height: 1px;
}

pre.code
{
	display: block;
	padding: 8px;
	border: 1px dashed #ccc;
}

#index
{
	float: left;
	width: 200px;
	position: absolute;
	left: 10px;
	background-color: #F3F3F3;
	padding: 0px;
}

#content
{
	margin: 0 8px 0 240px;
}

.classList
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 8px;
	font-family: arial, sans-serif;
	font-size: 1em;
	overflow: auto;
}

.classList li
{
	padding: 0;
	margin: 0 0 8px 0;
}

.summaryTable { width: 100%; }

h1.classTitle
{
	font-size:170%;
	line-height:130%;
}

h2 { font-size: 110%; }
caption, div.sectionTitle
{
	background-color: #2f323e;
	color: #fff;
	font-size:130%;
	text-align: left;
	padding: 2px 6px 2px 6px;
	border: 1px #2f323e solid;
}

div.sectionTitle { margin-bottom: 8px; }
.summaryTable thead { display: none; }

.summaryTable td
{
	vertical-align: top;
	padding: 4px;
	border-bottom: 1px #2f323e solid;
	border-right: 1px #2f323e solid;
}

/*col#summaryAttributes {}*/
.summaryTable td.attributes
{
	border-left: 1px #2f323e solid;
	width: 140px;
	text-align: right;
}

td.attributes, .fixedFont
{
	line-height: 15px;
	color: #2f323e;
	font-family: "Courier New",Courier,monospace;
	font-size: 13px;
}

.summaryTable td.nameDescription
{
	text-align: left;
	font-size: 13px;
	line-height: 15px;
}

.summaryTable td.nameDescription, .description
{
	line-height: 15px;
	padding: 4px;
	padding-left: 4px;
}

.summaryTable { margin-bottom: 8px; }

ul.inheritsList
{
	list-style: square;
	margin-left: 20px;
	padding-left: 0;
}

.detailList {
	margin-left: 20px; 
	line-height: 15px;
}
.detailList dt { margin-left: 20px; }

.detailList .heading
{
	font-weight: bold;
	padding-bottom: 6px;
	margin-left: 0;
}

.light, td.attributes, .light a:link, .light a:visited
{
	color: #777;
	font-style: italic;
}

.fineprint
{
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 10px;
}
		</style>
	</head>

	<body>
<!-- ============================== header ================================= -->	
		<!-- begin static/header.html -->
		<div id="header">
	<h1 style="font-size:20px;color:#fff;margin:0;padding:12px 0 0 12px;">CasualJS Framework - A HTML5 Canvas Framework</h1>
	<div id="menu" style="margin:10px 0 0 12px;">
		<li style="padding-top:4px;background:#fff;width:120px;height:20px;display:block;font-weight:bold;text-align:center;"><a href="../index.html" style="color:#222;display:block;text-decoration:none;height:18px;">Documentation</a></li>
	</div>
</div>
		<!-- end static/header.html -->

<!-- ============================== classes index ============================ -->
		<div id="index">
			<!-- begin publish.classesIndex -->
			<div align="center" style="height:24px;padding-top:6px;background:#2f323e;color:#fff;font-size:14px;font-weight:bold;text-align:center;">Class List</div>
<ul class="classList">
	
	<li></li>
	
	<li><a href="../symbols/Audio.html">Audio</a></li>
	
	<li><a href="../symbols/Bitmap.html">Bitmap</a></li>
	
	<li><a href="../symbols/Button.html">Button</a></li>
	
	<li><a href="../symbols/casual.html">casual</a></li>
	
	<li><a href="../symbols/Color.html">Color</a></li>
	
	<li><a href="../symbols/DisplayObject.html">DisplayObject</a></li>
	
	<li><a href="../symbols/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
	
	<li><a href="../symbols/EventBase.html">EventBase</a></li>
	
	<li><a href="../symbols/EventDispatcher.html">EventDispatcher</a></li>
	
	<li><a href="../symbols/Frame.html">Frame</a></li>
	
	<li><a href="../symbols/Graphics.html">Graphics</a></li>
	
	<li><a href="../symbols/Matrix.html">Matrix</a></li>
	
	<li><a href="../symbols/MovieClip.html">MovieClip</a></li>
	
	<li><a href="../symbols/NameUtil.html">NameUtil</a></li>
	
	<li><a href="../symbols/Point.html">Point</a></li>
	
	<li><a href="../symbols/Rectangle.html">Rectangle</a></li>
	
	<li><a href="../symbols/Shape.html">Shape</a></li>
	
	<li><a href="../symbols/Sprite.html">Sprite</a></li>
	
	<li><a href="../symbols/Stage.html">Stage</a></li>
	
	<li><a href="../symbols/StageEvent.html">StageEvent</a></li>
	
	<li><a href="../symbols/Text.html">Text</a></li>
	
</ul>
			<!-- end publish.classesIndex -->
		</div>
		
		<div id="content">
<!-- ============================== class title ============================ -->
			<h1 class="classTitle">
				
				Class MovieClip
			</h1>

<!-- ============================== class summary ========================== -->			
			<p class="description">
				
				Extends
					<a href="../symbols/Sprite.html">Sprite</a>.<br />
				
			
				The MovieClip class inherits from Sprite, but unlike Sprite, a MovieClip object has frames.
				
			</p>

<!-- ============================== constructor summary ==================== -->			
			
			<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class MovieClip.">
				<caption>Class Summary</caption>
				<thead>
					<tr>
						<th scope="col">Constructor Attributes</th>
						<th scope="col">Constructor Name and Description</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="attributes">&nbsp;</td>
						<td class="nameDescription" >
							<div class="fixedFont">
								<b><a href="../symbols/MovieClip.html#constructor">MovieClip</a></b>()
							</div>
							<div class="description">Constructor.</div>
						</td>
					</tr>
				</tbody>
			</table>
			

<!-- ============================== properties summary ===================== -->
			
				
				
				<table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class MovieClip.">
					<caption>Field Summary</caption>
					<thead>
						<tr>
							<th scope="col">Field Attributes</th>
							<th scope="col">Field Name and Description</th>
						</tr>
					</thead>
					<tbody>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/MovieClip.html#currentFrame">currentFrame</a></b>
								</div>
								<div class="description">Specifies the number of the frame in which the playhead is located in the frames sequence.</div>
							</td>
						</tr>
					
					</tbody>
				</table>
				
				
				
				<dl class="inheritsList">
				<dt>Fields borrowed from class <a href="../symbols/DisplayObjectContainer.html">DisplayObjectContainer</a>: </dt><dd><a href="../symbols/DisplayObjectContainer.html#children">children</a>, <a href="../symbols/DisplayObjectContainer.html#mouseChildren">mouseChildren</a></dd><dt>Fields borrowed from class <a href="../symbols/DisplayObject.html">DisplayObject</a>: </dt><dd><a href="../symbols/DisplayObject.html#alpha">alpha</a>, <a href="../symbols/DisplayObject.html#height">height</a>, <a href="../symbols/DisplayObject.html#id">id</a>, <a href="../symbols/DisplayObject.html#mouseEnabled">mouseEnabled</a>, <a href="../symbols/DisplayObject.html#name">name</a>, <a href="../symbols/DisplayObject.html#parent">parent</a>, <a href="../symbols/DisplayObject.html#regX">regX</a>, <a href="../symbols/DisplayObject.html#regY">regY</a>, <a href="../symbols/DisplayObject.html#rotation">rotation</a>, <a href="../symbols/DisplayObject.html#scaleX">scaleX</a>, <a href="../symbols/DisplayObject.html#scaleY">scaleY</a>, <a href="../symbols/DisplayObject.html#stage">stage</a>, <a href="../symbols/DisplayObject.html#useHandCursor">useHandCursor</a>, <a href="../symbols/DisplayObject.html#visible">visible</a>, <a href="../symbols/DisplayObject.html#width">width</a>, <a href="../symbols/DisplayObject.html#x">x</a>, <a href="../symbols/DisplayObject.html#y">y</a></dd>
				</dl>
				
			

<!-- ============================== methods summary ======================== -->
			
				
				
				<table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class MovieClip.">
					<caption>Method Summary</caption>
					<thead>
						<tr>
							<th scope="col">Method Attributes</th>
							<th scope="col">Method Name and Description</th>
						</tr>
					</thead>
					<tbody>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/MovieClip.html#addFrame">addFrame</a></b>(data)
								</div>
								<div class="description">Appends a frame data to the frame sequence.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/MovieClip.html#addFrameAt">addFrameAt</a></b>(data, frameNumber)
								</div>
								<div class="description">Adds a frame data to the specified index position.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/MovieClip.html#getFrame">getFrame</a></b>(frameNumberOrLabel)
								</div>
								<div class="description">Gets the specified frame.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/MovieClip.html#getFrameNumber">getFrameNumber</a></b>(frameNumberOrLabel)
								</div>
								<div class="description">Gets the specified frame number.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/MovieClip.html#getTotalFrames">getTotalFrames</a></b>()
								</div>
								<div class="description">Returns the total number of frames.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/MovieClip.html#gotoAndPlay">gotoAndPlay</a></b>(frameNumberOrLabel)
								</div>
								<div class="description">Starts playing the MovieClip at the specified frame.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/MovieClip.html#gotoAndStop">gotoAndStop</a></b>(frameNumberOrLabel)
								</div>
								<div class="description">Moves the playhead to the specified frame and stops it there.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/MovieClip.html#nextFrame">nextFrame</a></b>()
								</div>
								<div class="description">Moves the playhead to next frame.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/MovieClip.html#play">play</a></b>()
								</div>
								<div class="description">Moves the playhead in the movie clip.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/MovieClip.html#removeFrame">removeFrame</a></b>(frameNumberOrLabel)
								</div>
								<div class="description">Removes the specified frame.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/MovieClip.html#stop">stop</a></b>()
								</div>
								<div class="description">Stops the playhead in the movie clip.</div>
							</td>
						</tr>
					
					</tbody>
				</table>
				
				
				
				<dl class="inheritsList">
				<dt>Methods borrowed from class <a href="../symbols/DisplayObjectContainer.html">DisplayObjectContainer</a>: </dt><dd><a href="../symbols/DisplayObjectContainer.html#addChild">addChild</a>, <a href="../symbols/DisplayObjectContainer.html#addChildAt">addChildAt</a>, <a href="../symbols/DisplayObjectContainer.html#contains">contains</a>, <a href="../symbols/DisplayObjectContainer.html#getChildAt">getChildAt</a>, <a href="../symbols/DisplayObjectContainer.html#getChildByName">getChildByName</a>, <a href="../symbols/DisplayObjectContainer.html#getChildIndex">getChildIndex</a>, <a href="../symbols/DisplayObjectContainer.html#getNumChildren">getNumChildren</a>, <a href="../symbols/DisplayObjectContainer.html#getObjectUnderPoint">getObjectUnderPoint</a>, <a href="../symbols/DisplayObjectContainer.html#removeAllChildren">removeAllChildren</a>, <a href="../symbols/DisplayObjectContainer.html#removeChild">removeChild</a>, <a href="../symbols/DisplayObjectContainer.html#removeChildAt">removeChildAt</a>, <a href="../symbols/DisplayObjectContainer.html#removeChildByName">removeChildByName</a>, <a href="../symbols/DisplayObjectContainer.html#setChildIndex">setChildIndex</a></dd><dt>Methods borrowed from class <a href="../symbols/DisplayObject.html">DisplayObject</a>: </dt><dd><a href="../symbols/DisplayObject.html#getCurrentHeight">getCurrentHeight</a>, <a href="../symbols/DisplayObject.html#getCurrentWidth">getCurrentWidth</a>, <a href="../symbols/DisplayObject.html#getRect">getRect</a>, <a href="../symbols/DisplayObject.html#getStage">getStage</a>, <a href="../symbols/DisplayObject.html#globalToLocal">globalToLocal</a>, <a href="../symbols/DisplayObject.html#hitTestObject">hitTestObject</a>, <a href="../symbols/DisplayObject.html#hitTestPoint">hitTestPoint</a>, <a href="../symbols/DisplayObject.html#localToGlobal">localToGlobal</a>, <a href="../symbols/DisplayObject.html#localToTarget">localToTarget</a>, <a href="../symbols/DisplayObject.html#onMouseEvent">onMouseEvent</a>, <a href="../symbols/DisplayObject.html#render">render</a>, <a href="../symbols/DisplayObject.html#toString">toString</a></dd><dt>Methods borrowed from class <a href="../symbols/EventDispatcher.html">EventDispatcher</a>: </dt><dd><a href="../symbols/EventDispatcher.html#addEventListener">addEventListener</a>, <a href="../symbols/EventDispatcher.html#dispatchEvent">dispatchEvent</a>, <a href="../symbols/EventDispatcher.html#hasEventListener">hasEventListener</a>, <a href="../symbols/EventDispatcher.html#removeAllEventListeners">removeAllEventListeners</a>, <a href="../symbols/EventDispatcher.html#removeEventListener">removeEventListener</a>, <a href="../symbols/EventDispatcher.html#removeEventListenerByType">removeEventListenerByType</a></dd>
				</dl>
				
			
<!-- ============================== events summary ======================== -->
			

<!-- ============================== constructor details ==================== -->		
			
			<div class="details"><a name="constructor"> </a>
				<div class="sectionTitle">
					Class Detail
				</div>
				
				<div class="fixedFont">
						<b>MovieClip</b>()
				</div>
				
				<div class="description">
					Constructor.
					
				</div>
				
				
				
				
					
					
					
					
					
					
					

			</div>
			

<!-- ============================== field details ========================== -->		
			
				<div class="sectionTitle">
					Field Detail
				</div>
				
					<a name="currentFrame"> </a>
					<div class="fixedFont">
					
					
					<b>currentFrame</b>
					
					</div>
					<div class="description">
						Specifies the number of the frame in which the playhead is located in the frames sequence.
						
						
					</div>
					
					

						
						
						
						

					
				
			

<!-- ============================== method details ========================= -->		
			
				<div class="sectionTitle">
					Method Detail
				</div>
				
					<a name="addFrame"> </a>
					<div class="fixedFont">
					
					
					<b>addFrame</b>(data)
					
					</div>
					<div class="description">
						Appends a frame data to the frame sequence.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<b>data</b>
									
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="addFrameAt"> </a>
					<div class="fixedFont">
					
					
					<b>addFrameAt</b>(data, frameNumber)
					
					</div>
					<div class="description">
						Adds a frame data to the specified index position.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<b>data</b>
									
								</dt>
								<dd></dd>
							
								<dt>
									<b>frameNumber</b>
									
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="getFrame"> </a>
					<div class="fixedFont">
					
					
					<b>getFrame</b>(frameNumberOrLabel)
					
					</div>
					<div class="description">
						Gets the specified frame.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<b>frameNumberOrLabel</b>
									
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="getFrameNumber"> </a>
					<div class="fixedFont">
					
					
					<b>getFrameNumber</b>(frameNumberOrLabel)
					
					</div>
					<div class="description">
						Gets the specified frame number.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<b>frameNumberOrLabel</b>
									
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="getTotalFrames"> </a>
					<div class="fixedFont">
					
					
					<b>getTotalFrames</b>()
					
					</div>
					<div class="description">
						Returns the total number of frames.
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					<hr />
				
					<a name="gotoAndPlay"> </a>
					<div class="fixedFont">
					
					
					<b>gotoAndPlay</b>(frameNumberOrLabel)
					
					</div>
					<div class="description">
						Starts playing the MovieClip at the specified frame.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<b>frameNumberOrLabel</b>
									
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="gotoAndStop"> </a>
					<div class="fixedFont">
					
					
					<b>gotoAndStop</b>(frameNumberOrLabel)
					
					</div>
					<div class="description">
						Moves the playhead to the specified frame and stops it there.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<b>frameNumberOrLabel</b>
									
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="nextFrame"> </a>
					<div class="fixedFont">
					
					
					<b>nextFrame</b>()
					
					</div>
					<div class="description">
						Moves the playhead to next frame.
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					<hr />
				
					<a name="play"> </a>
					<div class="fixedFont">
					
					
					<b>play</b>()
					
					</div>
					<div class="description">
						Moves the playhead in the movie clip.
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					<hr />
				
					<a name="removeFrame"> </a>
					<div class="fixedFont">
					
					
					<b>removeFrame</b>(frameNumberOrLabel)
					
					</div>
					<div class="description">
						Removes the specified frame.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<b>frameNumberOrLabel</b>
									
								</dt>
								<dd></dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="stop"> </a>
					<div class="fixedFont">
					
					
					<b>stop</b>()
					
					</div>
					<div class="description">
						Stops the playhead in the movie clip.
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					
				
			
			
<!-- ============================== event details ========================= -->		
			
			
			<hr />
		</div>

		
<!-- ============================== footer ================================= -->
		<div class="fineprint" style="clear:both">
			
			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0 on Sun Mar 06 2011 15:04:59 GMT+0800 (CST)
		</div>
	</body>
</html>
